// CSS
.app{
  width: 100%;
  height: 100%;
}

.container{
  background-color: bisque;
}

.container p{
  font-size: 32px;
  font-weight: 700;
}

// sass变量
$--color: #F8F8F8;
$--left: 4;

// SASS
.app{
  width: 100%;
  height: 100%;

  &:hover{
    
  }

  .container{
    background-color: bisque;

    p{
      font-size: 32px;
      font-weight: 700;
      color: $--color
    }
  }
}

.app.container{

}

.border-#{$--left}: 10px solid #ff0000;
